Ext.define('AgenteNET.view.utilitarios.funcoes.Novo', {
	extend : 'Ext.form.Panel',
	alias :'utilitariosFuncoesNovoView',
	
	fieldDefaults : {
		labelWidth : 120,
		anchor : '100%'
	},
	defaultType : 'textfield',
	bodyPadding : 0,
	frame:true,
	
	layout:{
		type:'table',
		align:'center',
		columns:2,
	},
	defaults:{
		border:5,
		margin:5,
	},
	
	items : [ {
		title : 'Dados da função',
		xtype : 'fieldset',
		width:412,
		padding : 5,
		rowspan:2,
		defaults : {
			labelWidth : 100,
			size : 40,
			width:400,
		},
		defaultType : 'textfield',
		items : [ {
			fieldLabel : 'Nome',
			name : 'nome',
			emptyText : 'Nome da função',
			blankText : 'Informe o nome da função',
			allowBlank : false,
		}, {
			fieldLabel : 'Rotulo',
			name : 'rotulo',
			emptyText : 'Rotulo da função',
			allowBlank : false,
			blankText : 'Informe o rotulo da função',
		}, {
			fieldLabel : 'Titulo',
			name : 'titulo',
			emptyText : 'Titulo da função',
			allowBlank : false,
			blankText : 'Informe o titulo da função',
		}, {
			fieldLabel : 'Função primaria',
			name : 'primario',
			emptyText : 'Não possui função primaria',
			blankText : 'Selecione a função primaria',
			allowBlank : true,
			anchor : '100%',
			xtype : 'combo',
			store : {
				autoLoad : true,
				model : 'AgenteNET.model.utilitarios.Funcao',
			},
			transform : 'stateSelect',
			forceSelection : false,
			queryMode : 'local',
			valueNotFoundText : 1,
			displayField : 'titulo',
			valueField : 'id',
		}, {
			fieldLabel : 'Controle',
			name : 'controle',
			emptyText : 'Modulo de controle da função',
			blankText : 'Informe o modulo de controle da função',
		}, {
			fieldLabel : 'Função',
			name : 'funcao',
			emptyText : 'Função do controle',
			blankText : 'Informe o nome da função do controle',
		}, {
			xtype : 'combo',
			fieldLabel : 'Dependente',
			name : 'dependente',
			emptyText : 'Verifica se a função pode ser chamada diretamente',
			allowBlank : false,
			blankText : 'Verifica se a função pode ser chamada diretamente',
			anchor : '100%', // anchor width by
			store : {
				xtype : 'store',
				fields : [ 'value', 'display' ],
				data : [ {
					value : 'S',
					display : 'Sim'
				}, {
					value : 'N',
					display : 'Não'
				} ]
			},
			transform : 'stateSelect',
			forceSelection : true,
			queryMode : 'local',
			displayField : 'display',
			valueField : 'value',
		}, {
			xtype : 'combo',
			fieldLabel : 'Visuzalização',
			name : 'view',
			emptyText : 'Forma de vizualização da função',
			allowBlank : false,
			blankText : 'Informe a forma de vizualização da função',
			anchor : '100%', // anchor width by
			store : {
				xtype : 'store',
				fields : [ 'value', 'display' ],
				data : [ {
					value : 'C',
					display : 'Componente da pagina'
				}, {
					value : 'J',
					display : 'Janela'
				}, {
					value : 'F',
					display : 'Livre'
				} ]
			},
			transform : 'stateSelect',
			forceSelection : true,
			queryMode : 'local',
			displayField : 'display',
			valueField : 'value',
		}, {
			xtype : 'combo',
			fieldLabel : 'Situação',
			name : 'situacao',
			emptyText : 'Situação da função',
			allowBlank : false,
			blankText : 'Informe a situação da função',
			anchor : '100%', // anchor width by
			store : {
				xtype : 'store',
				fields : [ 'value', 'display' ],
				data : [ {
					value : 'A',
					display : 'Ativo'
				}, {
					value : 'I',
					display : 'Inativo'
				} ]
			},
			transform : 'stateSelect',
			forceSelection : true,
			queryMode : 'local',
			displayField : 'display',
			valueField : 'value',
		}, {
			xtype : 'htmleditor', 
			name : 'descricao', 
			emptyText : 'Descrição da função', 
			allowBlank : false,
			blankText : 'Informe a descrição da função',
			height:135, 
		} ],
	},{ 
		title : 'Icone da função', 
		xtype : 'fieldset', 
		align : 'center', 
		width:125, 
		height:130,
		items : [ { 
			frame : false, 
			border : true,
			cls:'imagemFieldView',
			height :70, 
			width :100, 
		}, { 
			xtype : 'filefield', 
			name : 'icone', 
			cls:'imagemField',
			emptyText : 'Seleciona icone', 
			width : 100, 
			buttonText: 'Arquivo'
		} ],
	}, {
		title : 'Video da função',
		xtype : 'fieldset',
		align : 'center',
		height : 270,
		width : 300,
		items : [ {
			cls:'videoPlayer',
			width:290,
			height:200,
			margin : 0,
			padding : 2,
		}, {
			fieldLabel : 'Video',
			xtype : 'textfield',
			name : 'video',
			labelWidth : 50,
			margin:10,
			emptyText : 'Seleciona o video',
		    width:220,
		} ],
	}],

	buttons: [ {
		text : 'Adicionar',
		type : 'submit',
		formBind : true,
		controle : 'utilitarios.Funcoes',
		acao : 'Adicionar'
	}, '->' ],
});
